@import "../../../style/root.scss";
@import "../../style/input.scss";
.container {
    height: 100vh;
}
.scroll{
    height: 100vh;
}
.input-box{
    background: #FAFAFC;
    @include padding-box(30rpx 30rpx);
    margin-top: 0;
    .before-icon{
        left: 60rpx;
    }
    .input{
        border-radius: 44rpx;
        background: rgba(244, 244, 247, 1);
        border: none;
    }
}
.list{
    @include padding-box(0 30rpx);
    position: sticky;
    .title-item{
        position: sticky;
        top: 0;
        z-index: 99;
        @include padding-box(20rpx 0);
        display: flex;
		align-items: flex-end;
		align-items: center;
        justify-content: space-between;
        color: rgba(32, 37, 54, 1);
        font-weight: 600;
        .num{
            font-size: 72rpx;
        }
        .drop-down{
            width: 14rpx;
            height: 9rpx;
        }
        .total-num{
            color: rgba(148, 151, 177, 1);
            font-weight: 400;
        }
    }
    
    .title-item-active{
        width: 100vw;
        @include padding-box(20rpx 30rpx);
        background: #F4F4F7;
        align-items: center;
    }
    .info-box{
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        border-bottom: 1rpx solid #EFF2F5;
        @include padding-box(30rpx 0 0 0);
        margin-bottom: 30rpx;
        .information{
            margin-left: 24rpx;
        }
        .info-head{
            color: #202536;
            font-size: 32rpx;
            margin-bottom: 24rpx;
        }
        .sex{
            width: 32rpx;
            height: 32rpx;
            margin-right: 8rpx;
        }
        .age{
            color: #ffffff;
            @include padding-box(5rpx 10rpx);
            border-radius: 35rpx;
            background: #9497B1;
            font-size: 24rpx;
        }
        .info-body{
            margin-bottom: 16rpx;
            .title{
                color: #565868;

            }
        }
        .info-foot{
            margin-bottom: 30rpx;
        }
    }
    .phone{
        width: 60rpx;
        height: 60rpx;
    }
}
.fs-gray {
	color: #565868;
}